.clubIntroduce{
	background:white;
	&__media{
		border-bottom: 1px solid #e5e5e5;
		padding:20rpx;
		height: 269rpx;
	}
	&__image{
		&:after{
			content:attr(data-number);
			position:absolute;
			right: 0;
			bottom:0;
			background: rgba(0,0,0,.2);
			color:white;
			width:30rpx;
			height: 30rpx;
			font-size:28rpx;
			line-height: 28rpx;
			text-align: center;
		}
		position:relative;
		float: left;
		width: 317rpx;
		height: 260rpx;
		border-radius: 10rpx;
		margin-top:20rpx;
		/*outline: 1px solid red;*/
	}
	&__name{
		overflow:hidden;
		padding-left:20rpx;
		width:375rpx;
		height: 269rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		/*align-items: center;*/
		text{
			font-size: 34rpx;
			color:#000;
			line-height: 52rpx;
		}
		image{
			width: 30rpx;
			height: 30rpx;
			margin-right: 10rpx;	
			vertical-align: middle;
		}
		button{
			font-size: 28rpx;
			color: #1AAD19;
			border:1rpx solid #1AAD19;
			border-radius: 14rpx;
			background:transparent;
			width: 200rpx;
			line-height: 58rpx;
			height: 58rpx;
			margin:0;
			white-space: nowrap;
			text-align: center;
		}
	}
	&__sport{
		white-space: nowrap;
		height: 105rpx;
		/*margin:0 52rpx;*/
		.items{
			display: inline-block;
			text-align: center;
			width: 142rpx;
			height: 105rpx;
			line-height: 105rpx;
			font-size: 34rpx;
			color:#888;
			margin-right: 40rpx;
			&:first-child{
				margin-left: 40rpx;
			}
			&--active{
				color:#1AAD19;
				position: relative;
				&:after{
					content:'';
					position: absolute;
					width: 100%;
					height: 4rpx;
					left: 0;
					bottom:0;
					background:#1AAD19;
				}
			}
		}
	}
	&__week{
		white-space:nowrap;
		padding:23rpx 0;
		background: #f7f7f7;
		.items{
			height:222rpx;
			width:194rpx;
			background:white;
			display:inline-block;
			margin-right:20rpx ;
			text-align: center;
			border-radius: 10rpx;
			border: 1rpx solid #E1E1E3;
			/*box-shadow:2rpx 2rpx rgba(0,0,0,.1);*/
			&:first-child{
				margin-left: 20rpx;
			}
			text:nth-child(1){
				display: inline-block;
				margin-top: 28rpx;
			}
			text:nth-child(2){
				display: block;
				margin: 28rpx 0 25rpx;
				font-size:24rpx;
				color:#888;
			}
			button{
				width: 142rpx;
				height: 56rpx;
				line-height: 56rpx;
				font-size: 30rpx;
				background: transparent;
				color:#1AAD19;
				border:1rpx solid #1AAD19;
				border-radius:42rpx;
			}
		}
	}
	&__tip{
		font-size: 34rpx;
		color: #000;
		line-height: 39rpx;
		padding:30rpx;
		border-bottom: 1px solid #e5e5e5;
		text-align: justify;
	}
	&__info{
		/*position: relative;*/
		height: 128rpx;
		box-sizing: border-box;
		border-bottom: 1px solid #e5e5e5;
		overflow: hidden;
		display: flex;
		align-items: center;
		/*a{
			position: absolute;
			right: 30rpx;
			width: 60rpx;
			height: 55rpx;
		}*/
		image{
			width: 60rpx;
			height: 55rpx;
			padding:0 30rpx;
		}
		text{
			font-size: 34rpx;
			line-height: 41rpx;
			color: #000;
			flex: 1;
		}
	}

	&__introduce{
		/*background: #f7f7f7;*/
		font-size: 28rpx;
		border-bottom: 1rpx solid #e5e5e5;
		&:last-child{
			border-bottom: 0 none;
		}
		>text{
			display: inline-block;
			margin-left: 32rpx;
			color:#888;
			margin-top: 20rpx;
			margin-bottom: 55rpx;
		}
		>view{
			margin-left: 70rpx;
			margin-bottom: 47rpx;
			text:first-child{
				display:inline-block;
				color:#888;
				text-align: right;
				width:112rpx;
				margin-right: 44rpx;
			}
		}
	}
}